<script>
$(function() {
    $("#tabs").tabs();
	 
	//$("#tabs-1").css("height",($(document).height()-295)+"px");
	
});
</script>
<style>
div.msg_tab {
	border: 1px solid silver;
	margin: 20px auto;
	padding: 20px;
	position: relative;
}

div.msg_tab h4 {
	font-size: 14px;
	margin-bottom: 0px;
	padding: 2px 10px;
	width: auto;
	border-width: 0 0 0px;
	position: absolute;
	top: -20px;
	left: 30px;
	background-color: #fff;
}

section.panel:last-child {
	margin-bottom: 0;
}

</style>


	<div class="wrapper">
		<div class="row">
			<div class="col-sm-12">
				<!--表格显示区域-->
				<section class="panel">
					<!--区块头 显示表格名称和功能按钮-->
					
				</section>

				<section class="panel">
					<div class="panel-body form-horizontal ">
						<div class="msg_tab">
							<h4>装潢单</h4>
							<div class="panel-body form-horizontal ">
								<div class="row">
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">装潢单号：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.decoration_no_str}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">开单日期：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.sheet_create_date_str}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">开单人：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.sheet_create_by_name}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">装潢业务类型：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.dec_type_desc}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">接单人：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.owned_by_name}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">单据状态：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.so_status_desc}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">装潢项目竣工：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.so_status_desc=='已结案'?'是':'否'}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">备注：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.remark}}</label>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="msg_tab">
							<h4>客户车辆信息</h4>
							<div class="panel-body form-horizontal ">
								<div class="row">
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">客户编号：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.customer_no}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">客户名称：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.customer_name}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">联系人：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.contactor_name}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">联系电话：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.contactor_phone | mobile}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">品牌：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.entity_brand_name}}</label>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">车系：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.series_name}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">车型：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.model_name}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">配置：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.config_name}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">颜色：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.color_name}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">VIN：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.vin}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">车牌号：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.license}}</label>
											
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group" ng-show="decoration_info.supplier_name.length > 0">
											<label class="col-lg-4 col-sm-5 control-label">供应商：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{decoration_info.supplier_name}}</label>
											
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="msg_tab">
							<h4>车辆施工信息</h4>
							<div class="panel-body form-horizontal ">


								<div class="row">
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">预计开工日期：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.estimate_begin_time_str}}</label>
											
										</div>
									</div>


									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">预计完工日期：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.estimate_end_time_str}}</label>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">完工日期：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.completed_date_str}}</label>
										</div>
									</div>


									<div class="col-md-4">
										<div class="form-group">
											<label class="col-lg-4 col-sm-5 control-label">检验人：</label>
											<label class="col-lg-8 col-sm-7 text_show">{{es_info.inspector_name}}</label>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="msg_tab">
                              <h4>装潢项目信息</h4>
                              <div id="tabs">
                                      <ul>
                                          <li><a href="#tabs-1">装潢用品</a></li>
                                          <li><a href="#tabs-2">装潢项目</a></li>
                                          <li><a href="#tabs-3">装潢配件</a></li>
                                          <li><a href="#tabs-4">中心装潢</a></li>
                                      </ul>
                                      <div id="tabs-1" style="overflow-y: auto; height: auto;">
                                          <div style="overflow: auto; max-width: 100%;">
                                              <table
                                                  class="table table-striped  nowrap  dataTable no-footer table_store table-hover" cellspacing="0"
                                                  cellspacing="0">
                                                  <thead>
                                                      <th>序号</th>
                                                      <th>是否入账</th>
                                                      <th>仓库</th>
                                                      <th>库位</th>
                                                      <th>用品代码</th>
                                                      <th>用品名称</th>
                                                      <th>计量单位</th>
                                                      <th>销售指导价</th>
                                                      <th>折扣率</th>
                                                      <th>数量</th>
                                                      <th>实际销售价</th>
                                                      <th>结算方式</th>
                                                      <th>销售金额</th>
                                                      <th>备注</th>
                                                  </thead>
                                                  <tr ng-repeat="c in decoration_part_infos">
                                                      <td class="">{{$index+1}}</td>
                                                      <td class=""><input type="checkbox" ng-checked="{{c.is_finished}}=='12781001'"></td>
                                                      <td class="">{{c.storehouse_definite_name}}</td>
                                                      <td class="">{{c.storage_position_code}}</td>
                                                      <td class="">{{c.part_no}}</td>
                                                      <td class="">{{c.part_name}}</td>
                                                      <td class=""></td>
                                                      <td class="">{{c.part_sales_price|number:2}}</td>
                                                      <td class="">{{c.discount|number:2}}</td>
                                                      <td class="">{{c.part_quantity|number:2}}</td>
                                                      <td class="">{{c.real_price|number:2}}</td>
                                                      <td class="">{{c.status_desc}}</td>
                                                      <td class="">{{c.receive_amount|number:2}}</td>
                                                      <td class="">{{c.remark}}</td>
                                                  </tr>
                                              </table>
			                                <div class="no-items" ng-show="decoration_part_infos.length <= 0">暂无数据</div>
                                              
                                          </div>
                                      </div>
                                  
                                      <div id="tabs-2" style="overflow-y: auto; height: auto;">
                                          <div style="overflow: auto; max-width: 100%;">
                                              <table
                                                  class="table table-striped  nowrap  dataTable no-footer table_store table-hover" cellspacing="0"
                                                  cellspacing="0">
                                              </table>
                                          </div>
                                      </div>
                                      
                                      <div id="tabs-3" style="overflow-y: auto; height: auto;">
                                          <div style="overflow: auto; max-width: 100%;">
                                              <table
                                                  class="table table-striped  nowrap  dataTable no-footer table_store table-hover" cellspacing="0"
                                                  cellspacing="0">
                                              </table>
                                          </div>
                                      </div>
                                      
                                      <div id="tabs-4" style="overflow-y: auto; height: auto;">
                                          <div style="overflow: auto; max-width: 100%;">
                                              <table
                                                  class="table table-striped  nowrap  dataTable no-footer table_store table-hover" cellspacing="0"
                                                  cellspacing="0">
                                              </table>
                                          </div>
                                      </div>
                                  </div>
                              <div class="panel-body form-horizontal ">
                                      <div class="row">
                                              <div class="col-md-4">
                                                  <div class="form-group">
                                                      <label class="col-lg-4 col-sm-5 control-label">合计金额</label>
                                                      <label class="col-lg-8 col-sm-7 text_show">{{es_info.part_total_dec_amount|number:2}}</label>
                                                  </div>
                                              </div>
                                              <div class="col-md-4">
                                                  <div class="form-group">
                                                      <label class="col-lg-4 col-sm-5 control-label">自付金额</label>
                                                      <label class="col-lg-8 col-sm-7 text_show">{{es_info.part_owner_dec_amount|number:2}}</label>
                                                  </div>
                                              </div>
                                         </div>
                                         <div class="row">     
                                              <div class="col-md-4">
                                                      <div class="form-group">
                                                          <label class="col-lg-4 col-sm-5 control-label">总计金额</label>
                                                          <label class="col-lg-8 col-sm-7 text_show">{{es_info.total_amount|number:2}}</label>
                                                      </div>
                                              </div>
                                              <div class="col-md-4">
                                                      <div class="form-group">
                                                          <label class="col-lg-4 col-sm-5 control-label">应收金额</label>
                                                          <label class="col-lg-8 col-sm-7 text_show">{{es_info.receiveable_amount|number:2}}</label>
                                                      </div>
                                              </div>  
                                     </div>
                              </div>    
						</div>
					</div>
				</section>
			</div>
		</div>
